<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Serrano 1.0</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
	
	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />
   <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
   	<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>    
		
		<script type="text/javascript">
			$(function(){
				$('#busqueda').autocomplete({
					source : ['Jose', 'Maria', 'Pablo']
				});
			)};
		</script>

		<script type="text/javascript">
			$(function(){
				$('#busqueda').autocomplete({
					source : 'ajax.php',
					/*select : function (event,ui){
						$('resultados').html(
							'<strong>Nombre: </strong> + ui.item.value
						)};*/
					}
				});
		</script> 

	<script>
		$(document).ready(function(){
   		$("#campofecha").datepicker({
   		showOn: 'both',
   		changeYear: true,
   		});
		})
</script>
</head>
<body>
	<div class="wrap" id="wrap">
    <div class="header" id="header">
        <h2>Serrano 1.0 - Consultas</h2>
        <h3>Sistema transitorio de consultas breves e informes</h3>
        <input name="busqueda" id="busqueda" placeholder="Buscar">
  			<input type="submit" value="Buscar">
    </div>
    <div class="header" id="calendario">
		 	<p>Cargas</p>
		 	<input type="text" name="fecha" id="campofecha"> 
    </div>
    <div class="sidebar" id="sidebar">
      <ul>
      	<il><a href="informePorEdad.php" >Informe por edad</a></il>
      	<il><a href="informePorSexoyJerarquia.php" >Informe por sexo y jerarquia</a></il>
      	<il><a href="informePorDestino.php" >Informe por Destino</a></il>
	    </ul>
    </div>
    <div class="content" id="content">

    </div>
    <div class="nav" id="nav">
	    <ul>
	    	<li><a href="index.php" class="active">Inicio</a></li>
	    	<li><a href="#"  >Consultas</a></li>
	    	<li><a href="#" >Informes</a></li>
	    </ul>
  	</div>
    <div class="resultados"  id="resultados">
<?php
 	$metro = mysqli_connect ('localhost', 'root', '', 'escalafon');

	$civiles = mysqli_query($metro, "select count(orden) AS 'Civiles' from GENERAL where Orden>'15';");

	$policias = mysqli_query($metro,"Select count(orden) AS 'Policias' from GENERAL where Orden<'16'");

	$resultado = mysqli_query($metro, "SELECT Grado, Sexo, COUNT(Sexo) as 'Cantidades' 
													FROM GENERAL 
													Group by Grado, Sexo
													Order by Orden;");
?>

<table>
	<tr>
		<th> Tipo </th>
		<th> Cantidad </th>
	</tr>
		
<?php
	while ($fila = mysqli_fetch_row($civiles)){
		printf('<tr>');
		printf(
			"<td>Civiles</td><td>%u</td>",
			$fila[0]
			);		
		printf('</tr>');
		}

	while ($fila = mysqli_fetch_row($policias)){
		printf('<tr>');
		printf(
			"<td>Policias</td><td>%u</td>",
			$fila[0]
			);		
		printf('</tr>');
		}

		printf('</table>');
?>

<table>
	<tr>
		<th> Jerarquia </th>
		<th> Sexo </th>
		<th> Cantidad </th>
	</tr>
		
<?php

	while ($fila = mysqli_fetch_row($resultado)){
		printf('<tr>');
		printf(
			"<td>%s</td><td>%s</td><td>%u</td>",
			$fila[0], $fila[1], $fila[2]
			);		
		printf('</tr>');
	}
		printf('</table>');

	mysqli_close($metro);
?>
    </div>


  	<div class="footer" id="footer">
  		<?php echo date	?>
  		<p>Copyright &copy; 2011, LoserPals, all rights reserved.</br>
    	Puede tener fecha y hora tipo widget. y tal vez nombre de usuario</br></p>
    	        
    </div>
  </div>

    </div>
</body>
</html>
